<template>
  <div>
    <div class="jingxuan_box">
      <div class="picture">
        <img v-for="(item,index) in picbanner.imgUrls.slice(0,1)" :key="index"
          :src="item.src"
          alt=""
           @click="godetail(item)"
        >
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ['picbanner'],
  data () {
    return {}
  },
  methods: {
    godetail (item) {
      this.$emit('gobannerId', item)
    }
  },
  components: {},
  created () {

  }
}
</script>
<style>
.jingxuan_box {
  width: calc(100vw *670/750);
  margin: 0 auto;
  padding-bottom: 20px;
}
.picture {
  width: 100%;
  margin: 0 auto;
}
.picture img {
  width: 100%;
  height:  calc(100vw *670/750*266/670);
  background-color: #cccccc;
  border-radius: 8px;
  margin-bottom: 15px;
}
.picture img:last-child {
  margin-bottom: 0px;
}
</style>
